module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : './',
  outputDir:'dist',
  assetsDir:'',
  productionSourceMap: false,
  /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名hash。(false的时候就是让原来的文件名不改变) */
  filenameHashing: true,
  runtimeCompiler: false, //关键点在这
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("autoprefixer")({
            // 配置使用 autoprefixer
            overrideBrowserslist: ["last 15 versions"]
          }),
          require("postcss-pxtorem")({
            rootValue: 75, // 换算的基数
            // 忽略转换正则匹配项。插件会转化所有的样式的px。比如引入了三方UI，也会被转化。目前我使用 selectorBlackList字段，来过滤
            //如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。
            selectorBlackList: ["ig"],
            propList: ["*"],
            exclude: /node_modules/
          })
        ]
      }
    }
  },

  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 为生产环境修改配置...
    } else {
      // 为开发环境修改配置...
    }
  },
  devServer: {
    overlay: { // 让浏览器 overlay 同时显示警告和错误
      warnings: true,
      errors: true
    },
    host: "localhost",
    // 端口号
    port: 8081,
    // https:{type:Boolean}
    https: false,
    //配置自动启动浏览器
    open: true,
    // 热更新
    hotOnly: true,
    // proxy: 'http://localhost:8080' // 配置跨域处理,只有一个代理
    // proxy: { //配置多个跨域
    //   "/api": {
    //     target: "http://www.haoweisys.com/h5/faw/zt/",
    //     changeOrigin: true,
    //     // ws: true,//websocket支持
    //     secure: false,
    //     pathRewrite: {
    //       "^/api": ""
    //     }
    //   },
    // }
  },
};
